<template>
  <div id="app">
    <!-- <keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM -->
    <!-- include和exclude的值应该是keep-alive中的组件中定义的name或者是正则表达式 -->
    <!-- exclude使相应的组件重新渲染，不会将状态缓存在内存中 -->
    <keep-alive exclude="Detail">
      <router-view/>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>

</style>
